﻿@model IEnumerable<Pescar2013ShopYourAppliances.Models.Producto>
@{
   ViewBag.Title = "Index";
   Layout = "~/Views/Shared/_Layout.cshtml";
}

<!---<div ALING="center">portal cliente--->
<table class="table table-hover">
   <tr>
       <th>
           @Html.DisplayNameFor(model => model.nombre)
       </th>
       <th>
           @Html.DisplayNameFor(model => model.modelo)
       </th>
       <th>
           @Html.DisplayNameFor(model => model.marca)
       </th>
       <th>
           @Html.DisplayNameFor(model => model.precio)
       </th>
       <th>
           @Html.DisplayNameFor(model => model.descripcion)
       </th>
       <th>
           Foto
       </th>
   </tr>
     
@foreach (var item in Model) {
   <tr>
       <td>
           <a href="/Adm/Details/@item.id" target="_blank">
           @Html.DisplayFor(modelItem => item.nombre)
           </a>    
           
       </td>
       <td>
        @Html.DisplayFor(modelItem => item.modelo)
       </td>
       <td>
           <a href="~/Marca/Details/@item.marca.id">
               @Html.DisplayFor(modelItem => item.marca.nombre)
           </a>
       </td>
       <td>
           @Html.DisplayFor(modelItem => item.precio)
       </td>
       <td>
           @Html.DisplayFor(modelItem => item.descripcion)
       </td>
       <td>
           <img src="@Html.DisplayFor(modelItem => item.url)" class="img-rounded" style="max-width: 10%"/>
       </td>
          <td>
            <div class="btn-group">
          <a class="btn btn-warning" data-toggle="dropdown">Opciones<span class="caret"></span></a>
          <ul class="dropdown-menu">
          <li> @Html.ActionLink("Edit", "Edit", new { id=item.id })</li>
          <li> @Html.ActionLink("Delete", "Delete", new { id=item.id })</li>
          </ul>
          </div>    
       </td>
   </tr>
}
</table>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
<script src="http://netdna.bootstrapcdn.com/bootstrap/2.3.2/js/bootstrap.min.js"></script>
<button type="button" class="btn btn-loading...">
    <a href="/Marca/Create">
        <font size="4" color="black">Crear Marca</font>
    </a>
</button>
<button type="button" class="btn btn-primary" data-toggle="button">
    <a href="~/Adm/Create">
        <font size="3" color="white">Crear Producto</font>
    </a>
</button>